<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>十月手边书</title>
    <link rel="stylesheet" href="css/index.min.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/rem.js"></script>
</head>

<body>
    <!-- title log图 -->
    <div class="log">
        <img src="./imgs/tit/tit.png" alt="" class="log_img">
    </div>
    <!-- 日历 -->
    <div class="con_rili">
        <div class="rili_yue">
            <img src="./imgs/tit/yue.png" alt="">
        </div>
        <hr class="hr_">
        <div class="rili_zhou">
            <img src="./imgs/tit/zhou_03.png" alt="">
        </div>

        
        <div class="con_box">
                
            <div class="f">
                <div id="css3_"  class="con_1 btn" onclick="click_scroll()">
                    <img src="./imgs/tit/dong.gif" alt="" id="dong">
                    <img src="./imgs/tit/rili (1).png" alt="">
                </div>
                <div><img src="./imgs/tit/rili (2).png" alt=""></div>
                <div><img src="./imgs/tit/rili (3).png" alt=""></div>
                <div><img src="./imgs/tit/rili (4).png" alt="" class="con_4 btn" onclick="click_scroll_four();"></div>
                <div><img src="./imgs/tit/rili (5).png" alt=""></div>
                <div><img src="./imgs/tit/rili (6).png" alt=""></div>
                <div><img src="./imgs/tit/rili (7).png" alt=""></div>
                
            </div>
            <div class="f">
                <img src="./imgs/tit/rili (8).png" alt="" class="con_8 btn" onclick="click_scroll_eight();">
                <img src="./imgs/tit/rili (9).png" alt="">
                <img src="./imgs/tit/rili (10).png" alt="" class="con_10 btn" onclick="click_scroll_ten();">
                <img src="./imgs/tit/rili (11).png" alt="" class="con_11 btn" onclick="click_scroll_eleven();">
                <img src="./imgs/tit/rili (12).png" alt="">
                <img src="./imgs/tit/rili (13).png" alt="">
                <img src="./imgs/tit/rili (14).png" alt="">
            </div>
            <div class="f">
                <img src="./imgs/tit/rili (15).png" alt="" class="con_15 btn" onclick="click_scroll_fifteen();">
                <img src="./imgs/tit/rili (16).png" alt="">
                <img src="./imgs/tit/rili (17).png" alt="" class="con_17 btn" onclick="click_scroll_seventeen();">
                <img src="./imgs/tit/rili (18).png" alt="">
                <img src="./imgs/tit/rili (19).png" alt="">
                <img src="./imgs/tit/rili (20).png" alt="">
                <img src="./imgs/tit/rili (21).png" alt="" class="con_21 btn" onclick="click_scroll_twentyone();">
            </div>
            <div class="f">
                <img src="./imgs/tit/rili (22).png" alt="" class="con_22 btn" onclick="click_scroll_twentytwo();">
                <img src="./imgs/tit/rili (23).png" alt="" class="con_23 btn" onclick="click_scroll_twentythree();">
                <img src="./imgs/tit/rili (24).png" alt="">
                <img src="./imgs/tit/rili (25).png" alt="">
                <img src="./imgs/tit/rili (26).png" alt="">
                <img src="./imgs/tit/rili (27).png" alt="">
                <img src="./imgs/tit/rili (28).png" alt="">
            </div>
            <div class="f">
                <img src="./imgs/tit/rili (29).png" alt="">
                <img src="./imgs/tit/rili (30).png" alt="">
                <img src="./imgs/tit/rili (31).png" alt="" class="con_31 btn" onclick="click_scroll_thirtyone();">
                <img src="./imgs/tit/rili (32).png" alt="">
                <img src="./imgs/tit/rili (33).png" alt="">
                <img src="./imgs/tit/rili (34).png" alt="">
                <img src="./imgs/tit/rili (35).png" alt="">
            </div>

        </div>
    </div>
    <div class="teshu">
        <img src="./imgs/tit/color.png" alt="">
    </div>

    <!-- 特殊日期内容 -->
    <div class="content">
        <!-- 10月1号 国庆节-->
        <div class="con_flex" id="con_1">
            <img src="./imgs/content/国庆节.png" alt="" class="con_img">
        </div>

        <!-- 10月4号 世界动物日-->
        <div class="con_flex" id="con_4">
            <img src="./imgs/content/世界动物日.png" alt="" class="con_img">
        </div>

        <!-- 10月8号 寒露-->
        <div class="con_flex" id="con_8">
            <img src="./imgs/content/寒露.png" alt="" class="con_img">
        </div>

        <!-- 10月10日 辛亥革命 -->
        <div class="con_flex" id="con_10">
            <img src="./imgs/content/辛亥革命纪念日.png" alt="" class="con_img">
        </div>

        <!-- 10月11号 视觉日 -->
        <div class="con_flex" id="con_11">
            <img src="./imgs/content/世界视觉日.png" alt="" class="con_img">
        </div>

        <!-- 10月15号 盲人节 -->
        <div class="con_flex" id="con_15">
            <img src="./imgs/content/盲人节.png" alt="" class="con_img">
        </div>

        <!-- 10月17号 重阳节 -->
        <div class="con_flex" id="con_17">
            <img src="./imgs/content/重阳节.png" alt="" class="con_img">
        </div>

        <!-- 10月21号 义乌博览会 -->
        <div class="con_flex" id="con_21">
            <img src="./imgs/content/义乌博览会.png" alt="" class="con_img">
        </div>

        <!-- 10月22号 传统医药日 -->
        <div class="con_flex" id="con_22">
            <img src="./imgs/content/传统医药节.png" alt="" class="con_img">
        </div>

        <!-- 10月23号 霜降 -->
        <div class="con_flex" id="con_23">
            <img src="./imgs/content/霜降.png" alt="" class="con_img">
        </div>

        <!-- 10月31号 万圣节 -->
        <div class="con_flex" id="con_31">
            <img src="./imgs/content/万圣夜.png" alt="" class="con_img">
        </div>
    </div>
    <div class="botm">
        <p>版权归广告主所有，仅供参考，请勿抄袭</p>
    </div>
    <div id="top" onclick="Top()">
        <img src="./imgs/content/top.jpg" alt="">
    </div>
</body>

</html>